<template>
    <div>
       <div class="weekend" v-for="(item) of weekendList" :key="item.id">
            <img :src="item.imgUrl" alt>
            <p class="title">{{item.title}}</p>
            <p class="title-2">{{item.content}}</p>
        </div>
    </div>
</template>
<script>
export default {
    name:"HomeWeekend",
    props:{
        weekendList:{
            type:Array
        }
    }
}
</script>
<style lang="scss" scoped>
.weekend{
    img{
        width: 100%;
    }
}
.title{
    font-size: 34px;
    font-weight: 700;
    padding: 20px 0 10px 20px;
}
.title-2{
    color: #999;
    padding: 0px 0 20px 20px;
}

</style>
